
.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
.fz(@px){
	.px2rem(font-size,@px);
}

.header1{
	.center{
		span{
			display: inline-block;
			width: 30%;
			.px2rem(height,30);
			.px2rem(line-height,30);
			white-space: nowrap;
			overflow: hidden;
			border-left: 1px solid #e2e2e2;
		}
		.active_sp{
			border-left: 2px solid #f25c33;
			box-sizing: border-box;
		}
	}
}

.banner{
	.px2rem(padding-top,90);
	img{
		width: 100%;
		display: block;
	}
}

.place{
	background: #3f55ff;
	.px2rem(height,80);
	color: #fff;
	.px2rem(padding-left,20);
	.px2rem(padding-right,20);
	display: flex;
	justify-content: space-between;
	.px2rem(line-height,80);
	.currentplace{

	}
	.elseplace{
		.icon{
			display: inline-block;
			overflow: hidden;
			width: 4px;
			height: 4px;
			margin-left: 5px;
			border: 1px solid #fff;
			border-width: 1px 1px 0 0;
			transform: rotate(135deg);
		    transform-origin: 75% 25%;
	        transition: transform .2s linear;
		}
	}
}

.hot{
	background: #02b9fd;
	.px2rem(padding-bottom,20);
	.logo{
		width: 60%;
		margin-left: 20%;
	}
	.hotlist{
		display: flex;
		flex-wrap: wrap;
		.item{
			width: 45.5%;
			margin-left: 3%;
			background: #fff4e3;
			.px2rem(margin-bottom,20);
			img{
				display: block;
				width: 100%;
			}
			p{
				.px2rem(margin-left,10);
				.px2rem(margin-right,10);
			}
			.title{
				background: #ff4a3b;
				color: #fff;
				.px2rem(height,75);
				.px2rem(margin-top,10);
			}
			.info{
				color: #716863;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}
			.oldplace{
				text-align: right;
				text-decoration: line-through;
			}
			.nowplace{
				background: #fff;
				text-align: right;
				padding: 0;
				.px2rem(padding-top,15);
				.px2rem(padding-bottom,15);
				box-sizing: border-box;
				span{
					color: #fff;
					background: #f2544b;
					border-radius: 3px;
					.px2rem(padding,6);
				}
			}
		}
	}
	.more{
		.px2rem(width,250);
		.px2rem(height,80);
		.px2rem(padding-top,10);
		.px2rem(padding-left,15);
		box-sizing: border-box;
		margin: 0 auto;
		background: #fc85a5;
		border-radius: 50px;
		text-align: center;
		.px2rem(line-height,60);
		p{
			.px2rem(width,220);
			.px2rem(height,60);
			background: #e21f5b;
			color: #fff;
			border-radius: 15px;
		}
	}
}